// 设置所有图标的大小
 $('i').addClass('fa-3x');

 // 添加原网站链接
 var $linkbox = $('#linkbox');
 var laiyuan = {
    mianfei_site_en: {
        text: '免费版英文站',
        url: 'https://fontawesome.com/'
    },
    mianfei_site: {
        text: 'fontawesome免费版官网',
        url: 'http://www.fontawesome.com.cn/'
    },
    mianfei_demo: {
        text: '免费版图标展示',
        url: 'http://www.fontawesome.com.cn/faicons/'
    },
    mianfei_use: {
        text: '免费版图标使用方法',
        url: 'http://www.fontawesome.com.cn/examples/'
    },
    pro_site: {
        text: 'fontawesome收费版pro官网',
        url: 'https://fontawesome.com/pro'
    },
    pro_demo: {
        text: '收费版图标展示',
        url: 'https://fontawesome.com/icons?d=gallery'
    },
    pro_use: {
        text: '收费版图标使用方法',
        url: 'https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use'
    }
 };
 var shuoming = [
    'fontawesome5.0版为收费版，其中废弃了4.7免费版中的fa 样式，使用fas为默认样式',
    'index.html为普通版图标，不同风格分别见fas far fal fad，展示参考<a href="index.html">除商标外全部图标</a>',
    '其中brands为各个品牌的商标，展示参考<a href="brands.html">brands商标品牌</a>'
 ];

var str = ''; 
for(var key in laiyuan) {
    var aHref = laiyuan[key];
    var aTpl = `
        <a href="${aHref.url}" target="_blank">${aHref.text}</a>
    `;
    str = str + aTpl;
}
$linkbox.append($(str));

// 将说明插入linkbox
var lis = '';
shuoming.forEach((item, index) => {
    var li = `<li>${index} - ${item}</li>`;
    lis = lis + li;
});
$linkbox.append($('<ul>' + lis + '</ul>'));
